<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>海报</title>
    <link href = "css/index.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
</head>
<body>

<!-- 背景虚化 -->
<div id="bg">

</div>
<div id="info">
    <!-- 上部分内容 -->
    <div id="topContent">
        <p>春风化雨润万物,智慧铸云联天下</p>
        <p><a href="/manage/main.html">PrADS</a></p>
    </div>

    <!-- 中间部分 可变内容 -->
    <div id="middleContent">
        <!--    主标题-->
        <div class="mainTitle">
            <p>{{maTitle}}</p>
        </div>

        <!--    副标题-->
        <div class="secondTitle">

            <p v-for = "seTitleInfo in seTitleInfos">{{seTitleInfo.seTitle}}</p>
        </div>

        <!--    描述信息-->
        <div class="desInfo">
            <ul>
                <li v-for = "desInfo in desInfos">{{desInfo.deInfo}}</li>
            </ul>
        </div>

        <div class="iconButton">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true" @click="clearDesInfoPage()"></span>
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true" @click="addDesInfoPage()"></span>
        </div>

        <!--    图片-->
        <div class="picture">
            <img v-bind:src="'resources/picture/'+ picNames[picPage].picName +'.png'"/>
            <button @click="reduceRoolPic()"><img src="resources/bg/翻页1.png"/></button>
            <button @click="plusRoolPic()"><img src="resources/bg/翻页2.png"/></button>
        </div>
    </div>

    <!-- 底部公司信息内容 -->
    <div id="bottomContent">
        <div>
            <img src="resources/bg/runlian.png" />
        </div>
        <p>成都润联科技开发有限公司</p>
        <p>www.cdrunnet.com</p>
        <p>签约只是开始 服务永无止境</p>
        <p>Signing is just the beginnig There is no end to service</p>
    </div>
</div>



<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<script src="js/index.js" ></script>

</body>
</html>